

/*爱心家活动与机构页面*/

//内容部分的设置
.activity-content {
    margin-top: 2.25rem;
    & .list-block ul:after {
        background-color: #444444;
    }
}

//活动列表,一个在具体机构的活动列表，一个是在爱心家上
#activity-tab {
    & .list-block .item-content {
        padding: 0;
    }
    & img {
        height: 8rem;
        width: 100%;
    }
    & span {
        text-align: center;
        border-radius: 0.2rem;
        width: 2.5rem;
        height: 1.4rem;
        background-color: #e01a57;
        color: #fff;
        font-size: 0.65rem;
        line-height: 1.4rem;
    }
    & .item-title {
        font-size: 0.7rem;
    }
    & .item-subtitle {
        border-radius: 50%;
        text-align: center;
        width: 2rem;
        height: 1.4rem;
        line-height: 1.4rem;
        font-size: 0.65rem;
        color: #fff;
        background-color: #e01a57;
    }
}

//机构列表的部分
#organize-tab {
    & #main-organize {
        margin: 0;
    }
}

//机构页面在内容部分的主要内容字体的设置
#main-col-80 {
    & .item-title {
        font-size: 0.75rem;
        color: #232326;
        line-height: 1rem;
    }
    & .item-text {
        margin-top: 0.5rem;
    }
    & .item-subtitle {
        margin-top: 0.25rem;
    }
}


/*资料填写*/

//主要内容部分
.filling-content {
    & .card {
        margin: 0.75rem 0.75rem 0 0.75rem;
        border: 0.05rem solid #777777;
        font-size: 0.75rem;
    }
    & .card-header,
    .card-footer {
        border-bottom: 0.05rem solid #777777;
    }
    & .card-footer,
    .card-footer .item-inner {
        height: 6rem;
    }
    & .item-content,
    textarea,
    .list-block input[type="text"],
    .list-block input[type="number"] {
        font-size: 0.75rem;
    }
    & .card-footer .item-input {
        padding: 0;
        height: 6.5rem;
        font-size: 0.75rem;
    }
    & p {
        font-size: 0.625rem;
        margin: 0.25rem 0.75rem 0.25rem 0.75rem;
        color: #777777;
    }
}


/*申请加入机构*/

.apply-content {
    & .active-img img {
        width: 100%;
        height: 8rem;
    }
    & p {
        font-size: 0.7rem;
        padding: 0.75rem;
        margin: 0;
    }
    //tab栏 
    & .buttons-tab,
    .buttons-tab a {
        background: no-repeat;
        height: 2rem;
        line-height: 2rem;
        font-size: 0.8rem;
    }
}

//成员列表页面
#member-tab {
    height: 9.5rem;
    & .memberBranch {
        width: 100%;
        text-align: center;
        margin: 0.75rem auto 0rem;
        color: gray;
    }
    & div {
        width: 20%;
        float: left;
    }
    & img {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        border-radius: 50%;
    }
    & p {
        font-size: 0.7rem;
        margin: 0.4rem 0 0 0;
        padding: 0;
    }
}

//照片页面
#photo-tab {
    img {
        height: 8rem;
        width: 100%;
    }
}


/* 申请加入爱心活动页面*/

.loveActivity-content {
    & .card {
        margin: 0;
    }
    & .card-header p {
        margin: 2.25%;
        font-size: 0.75rem;
        color: #e01a57;
        padding: 0 25%;
        white-space: nowrap;
    }
    & img {
        width: 95%;
        margin: 0 2.25%;
        height: 6rem;
        border-radius: 0.5rem;
    }
    & .card-content {
        font-size: 0.75rem;
    }
    & .card-footer p {
        width: 100%;
        font-size: 0.75rem;
        margin: 3%;
    }
     & span {
        border-radius: 50%;
        text-align: center;
        width: 2rem;
        height: 1rem;
        line-height: 1rem;
        font-size: 0.65rem;
        color: #fff;
        background-color: #e01a57;
    }
}


/*机构页面*/

.organization-content,
.activityOrder-content {
    & img {
        height: 4.5rem;
        width: 6rem;
    }
}


/*活动订单页面*/

.activityOrder-content {
    & .item-title {
        font-size: 0.8rem;
    }
    & .item-text {
        margin-top: 0.25rem;
        font-size: 0.7rem;
    }
    & .item-title-row {
        margin-top: 0.25rem;
    }
    & .item-title-row div {
        width: 2.5rem;
        height: 1.4rem;
        line-height: 1.4rem;
    }
    & span {
        text-align: center;
        border-radius: 0.1rem;
        background-color: #e01a57;
        color: #fff;
        font-size: 0.65rem;
    }
    & .item-after {
        font-size: 0.5rem;
    }
}
